/** 定义需要遍历的对象 */
@marAndPadAndFontList: {
  0: 0px;
  1: 1px;
  2: 2px;
  3: 3px;
  4: 4px;
  5: 5px;
  8: 8px;
  10: 10px;
  12: 12px;
  14: 14px;
  15: 15px;
  16: 16px;
  18: 18px;
  20: 20px;
  22: 22px;
  24: 24px;
  26: 26px;
  28: 28px;
  32: 32px;
  36: 36px;
  40: 40px;
};

each(@marAndPadAndFontList, {
  .mt-@{key} {
      margin-top: @value;
  }
  .mr-@{key} {
      margin-right: @value;
  }
  .mb-@{key} {
      margin-bottom: @value;
  }
  .ml-@{key} {
      margin-left: @value;
  }
  .mg-@{key} {
      margin: @value;
  }
});

each(@marAndPadAndFontList, {
  .pt-@{key} {
      padding-top: @value;
  }
  .pr-@{key} {
      padding-right: @value;
  }
  .pb-@{key} {
      padding-bottom: @value;
  }
  .pl-@{key} {
      padding-left: @value;
  }
  .pg-@{key} {
      padding: @value;
  }
});
